import { UserOutlined, LockOutlined } from "@ant-design/icons";
import { Form, Input, Button, Checkbox } from "antd";

import Particles from "./components/particles";

import "./index.scss";
export default function LoginPage() {
  return (
    <section className='login-container'>
      <Particles  />
      <section className='login-from-container'>
        <section className='login-form-main'>
          <Form className='login-form' size='large'>
            <section className='login-header'>
              <section className='login-logo'>
                <div className='logo-box'></div>
              </section>
              <section className='login-title'>登录</section>
            </section>

            <Form.Item label={<UserOutlined />} name='username'>
              <Input type='text' />
            </Form.Item>
            <Form.Item label={<LockOutlined />} name='password'>
              <Input.Password />
            </Form.Item>

            <Form.Item name='remeber'>
              <Checkbox>记住密码 </Checkbox>
              <Button size='large' type='link'>
                忘记密码
              </Button>
            </Form.Item>

            <Form.Item>
              <Button size='large' type='primary'>
                登录
              </Button>
            </Form.Item>
          </Form>
        </section>
      </section>
    </section>
  );
}
